var input = document.querySelector(".header-inner .header-right .right-top input");
        console.log(input)
        var button = document.querySelector(".header-inner .header-right .right-top i button")
        console.log(button)
        var searchHistory = document.querySelector("#search")
        var historyDiv = document.querySelector("#search-left ul");
        var lis = document.getElementsByTagName("#search-left ul li");
        var keywordArray;
        // 定义数组用于记录搜索历史的关键字
        // 从本地读取搜索历史
        var historyString = localStorage.getItem("history");
        // 判断是否有历史记录
        if (historyString) {
            // 有
            // 字符串转数组
            keywordArray = historyString.split("*")
        } else {
            // 没有
            // 初始化数组
            keywordArray = [];
        }
        console.log(keywordArray)
        // 页面打开或刷新时读取本地历史记录
        // keywordArray 
        // 当输入框获取焦点时,读取本地历史记录展示
        input.onfocus = function () {
            // ev.stopPropagation();
            searchHistory.style.display = "block"
            // 先清空
            historyDiv.innerHTML = ""
            keywordArray.forEach(function (item) {
                var li = document.createElement("li")
                li.innerText = item;
                historyDiv.appendChild(li);
            })
        }
        // 当输入框失去焦点时,隐藏本地历史记录
        input.onblur = function () {
            // ev.stopPropagation();
            // historyDiv.innerHTML = ""
            searchHistory.style.display = "none"
        }
        // 点击搜索按钮，把搜索关键字存储本地
        function search() {
            // 判断用户输入的关键字是否包含分割符*
            if (input.value.includes("*") || input.value.trim().length == 0) {
                alert("搜索信息不合法");
                return;
            }
            // 判断数组中是否存在这个搜索关键字
            var index = keywordArray.indexOf(input.value)
            if (index >= 0) {
                keywordArray.splice(index, 1)
            }
            // 把搜索关键字存入数组中
            keywordArray.unshift(input.value);
            // 限制数组长度不能大于10，只保留最近10条
            if (keywordArray.length > 10) {
                keywordArray.pop() //删除最后一条数据
                // keywordArray.slice(0,9)//截取前十条
            }
            // 清空输入框
            input.value = ""
            // 搜索历史更新之后把关键字数组存入本地
            localStorage.setItem("history", keywordArray.join("*"));
        }
        searchHistory.onclick = function(){
            ev.stopPropagation();
            searchHistory.style.display = "block"
        }